<html>
<head>
<title>主页</title>
    <script src="__STYLE__/js/jquery.min.js"></script>    
    <script src="__STYLE__/js/bootstrap.min.js"></script>  
    <link href="__STYLE__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__STYLE__/css/animate.min.css" rel="stylesheet">
    <link href="__STYLE__/css/style.css" rel="stylesheet">
</head>
<body>
<embed src="__ROOT__/Public/video/bg.mp3" loop="true" width="0" height="0">
<div class="container" id="part1">
    <div class="row clearfix">
        <div class="col-md-12 column padding1 margin15" align="center" id="span1" style="margin-top:330px;">
            <h1 id="time" style="font-size:80px;font-family:'Yejing';"></h1>
            <img src="__ROOT__/Public/image/logo.png" class="img-responsive margin12">
            <div style="display:block;" id="next1" onmouseover="this.style.cursor='pointer'">
                <h4>CLICK TO ENTER</h4>
                <h4 class="glyphicon glyphicon-chevron-down"></h4>
            </div>
        </div>
    </div>
</div>
<div id="part2" style="display:none;">   
<include file="Public:header" />
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column padding1">
            <video width="100%" heigh="auto" autoplay="autoplay" loop="loop">
                <source src="__ROOT__/Public/video/video5.mp4" type="video/mp4">
            </video>
        </div>
    </div>
</div>
<div class="container">
	<div class="row clearfix">
	    <h5 style="margin-top:30px;">2017年最新款</h5>
	    <div class="col-xs-6 column padding11" id="box">
			<volist name="focus" id="focusitem">
				<div class="pic" style="padding-right:10px;">
					<a href="__ROOT__/index.php/home/index/drclothes?id={$focusitem.id}" target="_blank"><img alt="{$focusitem.name}" src="__STYLE__/{$focusitem.img}" width="100%"/></a>
				</div>
			</volist>
		</div>
		<div class="col-xs-6 column padding11" id="box2">
			<volist name="focus6" id="focusitem6">
				<div class="pic2" style="padding-left:10px;">
					<a href="__ROOT__/index.php/home/index/drclothes?id={$focusitem6.id}" target="_blank"><img alt="{$focusitem6.name}" src="__STYLE__/{$focusitem6.img}" width="100%"/></a>
				</div>
			</volist>
		</div>
	</div>
	<div class="row clearfix">
	    <div class="col-xs-12 column padding1">
		<volist name="focus4" id="focusitem2">
		<div class="col-xs-3 column padding1">
			<a href="__ROOT__/index.php/home/index/drclothes?id={$focusitem2.id}" target="_blank"><img alt="{$focusitem2.name}" src="__STYLE__/{$focusitem2.img}" width="100%"/></a>
		</div>
		</volist>
		</div>
	</div>
</div>
<div class="container span5" style="margin-top:60px;">
	<div class="col-xs-offset-2 col-xs-8">
		<legend class="text-center col-xs-12" style="font-size:14px;">最新动态</legend>
		<volist name="newslist" id="newslistitem" empty="$newsempty">
			<div class="col-xs-12">
				<p class="pull-right">{$newslistitem.addtime}</p>
				<a href="__ROOT__/index.php/home/index/news?id={$newslistitem.id}" style="color:#333;">{$newslistitem.title}</a>
			</div>
		</volist>
	</div>
</div>
<include file="Public:footer" />
</div> 
</body>
</html>
<script language="javascript" type="text/javascript">
        $(function(){
                $("#next1").click(function(){
                    $("#span1").animate({
                          marginTop:'-1000px',
                    },"slow");
                    // $('#part1').css('display','none');
                    $('#part2').css('display','block');
                }
                );
            });
</script>
<script>     
document.getElementById('time').innerHTML=new Date().getHours()+":"+new Date().getMinutes()+":"+new Date().getSeconds()+":"+new Date().getMilliseconds(); 
setInterval("document.getElementById('time').innerHTML=new Date().getHours()+':'+new Date().getMinutes()+':'+new Date().getSeconds()+':'+new Date().getMilliseconds();",300);  
</script> 
<script>     
$(window).ready(function(){
  $("#box .pic").eq(0).show();
  var i=0;
  function fad(){
    var m = i%4;
    var n = (i+1)%4;
    $("#box .pic").eq(m).fadeOut(1000);
    $("#box .pic").eq(n).fadeIn(1000);
    i++;

  };
  int = setInterval(fad,6000);
});
$(window).ready(function(){
  $("#box2 .pic2").eq(0).show();
  var i=0;
  function fad(){
    var m = i%4;
    var n = (i+1)%4;
    $("#box2 .pic2").eq(m).fadeOut(1000);
    $("#box2 .pic2").eq(n).fadeIn(1000);
    i++;

  };
  int = setInterval(fad,5000);
});
</script> 